<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/eaglepro/css/style.css">
	<?php if(JRequest::getVar('Itemid')!='101') { ?>
	<style type="text/css">
	#navbar{background:#8dc21f}
	#navbar ul li a{border-left:2px solid #fff}
	#navbar ul li:hover>a, #navbar ul li>a:hover,#navbar ul li.active>a{color:#fff; background: url("../images/bright.png") no-repeat}
	</style>	
	<?php } ?>
	<script src="<?php echo $this->baseurl ?>/templates/eaglepro/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){		
			$('.blocks ul').after('<div class="block-content"></div>');
			$('.blocks li').each(function(){
				if($(this).attr('class')=='active'){
					$('.block-content').html($('a',this).next().html());
				}
			});
			$('.blocks ul a').click(function(e){
				e.preventDefault();
				$(this).parent().addClass('active').siblings().removeClass('active');
				$('.block-content').html($(this).next().html());
				//alert($(this).next().html());
			});
		});
	</script>	
	<script type="text/javascript">
	jQuery(document).ready(function($) {
				//add ajax
			$($("#left-menu li").get(0)).addClass('active');
			$("#left-menu a").mouseover(function() {
				//loadAjaxPage($(this).attr("href")+'?format=raw');
				var index = $(this).parent().index();
				if($(this).attr("href") != "#loadp")
				{
					$(this).attr("onclick", 'loadAjaxPage("'+$(this).attr("href")+'?format=raw", '+index+');')
					$(this).attr("href", '#loadp')
				}
			});
	});
	
			//ajax function
		function loadAjaxPage(url, index)
		{
			//$("#inner-content").fadeOut(1000);
			//oow.addClass('active');
			$("#left-menu li").removeClass('active');
			$($("#left-menu li").get(index)).addClass('active');
			$.ajax({
				url: url,
				success: function(data) {					
					$('#mid-content').html(data);
					//$("#inner-content").fadeIn(1000);
				}
			});
		}
	</script>	
</head>
<body>
<div id="content">
	<div id="wrapper">
		<div id="header">
			<div class="w960 mha ofh pb10">
				<!--logo-->
				<div id="logo">
					<a href="" class=""><img src="images/logo.png"/></a>
				</div>
				<div id="info">
					<div id="social"> 
						<ul>
							<li><a href=""><img src="images/social.png" /></a></li>
						</ul>
					</div>
					<div class="fr">
						<form>
							<div class="search">
								<input type="text" value="Enter keyword" />
								<input type="submit" />
							</div>
						</form>
					</div>
					<div class="clear"></div>
					<div class="language">
						<ul>
							<li><a href="">English</a></li>
							<li><a href="">中文</a></li>
						</ul>
					</div>
				</div>			
			</div>			
			<div class="clear"></div>
			
			<jdoc:include type="modules" name="mainmenu" />

			
		</div><!--header-->
		
		<div id="container" class="ofh">
			<div id="banner" class="por">
				<div id="slider-banner">		
					<jdoc:include type="modules" name="banner" />										
				</div>
			</div>
			<div class="clear"></div>
			
			<!--main contain-->
			<div id="maincontain">
					<jdoc:include type="modules" name="title" />			
				<?php if(JRequest::getVar('Itemid')!='101') { ?>	
					<div class="mha ofh taj inner">
					<?php if(JRequest::getVar('Itemid')=='102' ||JRequest::getVar('Itemid')=='103' || JRequest::getVar('Itemid')=='104') { ?>
						<jdoc:include type="component" />		
						<jdoc:include type="modules" name="content" />
					<?php } else { ?>	
									
						
						<div class="<?php if(JRequest::getVar('Itemid')!='106' && JRequest::getVar('Itemid')!='107') { echo 'w650'; }?> fl por">
							<jdoc:include type="modules" name="left-menu" />		
							
							<div id="mid-content" class="<?php if(JRequest::getVar('Itemid')=='106') { echo 'full-w'; }?> <?php if(JRequest::getVar('Itemid')=='107') { echo 'full-wi'; }?>">
								<jdoc:include type="component" />		
							</div>
						
						</div>
						<?php }?>
					</div>
				<?php }?>

							<jdoc:include type="modules" name="sidebar"  style="sidebar"/>	

			</div><!--end main contain-->
		</div>	
		
		<div class="clear"></div>
		
	<!--end wrapper-->
	</div>
	<div id="footer">
		<div class="ftcontent">
			<div class="dpib ofh">
				<p class="fl">All rights reserved EAGLE PRO PET C 2012</p>
				<ul>
					<li>EAGLE PROFESSIONAL PET PRODUCTS PTY LTD</li>
					<li>Level 1, 267, Stirling Highway, Claremont, WA 6010 </li>
				</ul>
			</div>
		</div>
	</div>

</div>
</body>
</html>